<!DOCTYPE html>
<html>
  <head>
    <title>SingleUserPage.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <link rel="stylesheet" type="text/css" href="../css/easyui/easyui.css">  
    <link rel="stylesheet" type="text/css" href="../css/easyui/icon.css">  
    <link rel="stylesheet" type="text/css" href="../css/easyui/AccountSys.css">  
    <link rel="stylesheet" type="text/css" href="../css/FontRegular.css">
    <link rel="stylesheet" type="text/css" href="../css/flot/flot.css">
    <script type="text/javascript" src="../js/flot/excanvas.min.js"></script>
	<script type="text/javascript" src="../js/jquery-1.10.0.js"></script>
    <script type="text/javascript" src="../js/jquery-1.10.1.min.js"></script>
    <script type="text/javascript" src="../js/jquery.jqprint.js"></script>
    <script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script> 
	<script type="text/javascript" src="../js/flot/jquery.flot.js"></script> 
	<script type="text/javascript" src="../js/flot/jquery.flot.canvas.js"></script> 
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <style type="text/css">
		#single-layout-top{padding:0; margin:0}
		#single-layout-center{ height:15px;padding:0; margin:0;}
		.icon-sort{ background:url('../css/easyui/icons/sort.png') no-repeat center center;}
		.icon-export{ background:url('../css/easyui/icons/export.png') no-repeat center center;}
		.icon-curve{ background:url('../css/easyui/icons/curve.png') no-repeat center center;}
		.icon-rotate{ background:url('../css/easyui/icons/Rotate.png') no-repeat center center;}
	</style>
	<script type="text/javascript">
		$(function (){
			$(this).ajaxStart(function(){
			    $('#loadingOpenBtn', parent.document).click();
			  });
			$(this).ajaxStop(function(){
			    $('#loadingCloseBtn', parent.document).click();
			  });
			var account = $("#currentAccount", parent.document).text();
			var statiDatas = [];
			var sortDatas = [];
			var directDatas = [];
			var baseDatas = [];
			var printBaseDatas = [];
			var sortFirstTitle = null;
			var sortSecondTitle = "交易笔数";
			var sortTableTitle = null;
			
			var exportBaseInfoStr = "";
			var exportStatisDivStr = "";
			var exportDirectActStr = "";
			var exportSortStr = "";
			$('#printDiv').hide();
			$('#AccountStatisDiv').hide();
			$('#sortDiv').hide();
			$('#curveDiv').hide();
			var currentShowDiv = -1;
			var isShowDirect = 0;
			$.post("/PoliceProject/servlet/AccountBaseInfoServlet",
			   	{
			   	userBankAccount: account
			   	},
			   	function(data){
			   		baseDatas.length = 0;
			   		exportBaseInfoStr = "";
			   		$.each(data.jsonArray, function(i, val){
			   			baseDatas.push({ account: val.account, bank: val.bank, name: val.name, identification:val.identification
						, telephone : val.telephone, currentAddress : val.currentAddress, idAddress : val.idAddress,
						origo : val.origo, job : val.job});
						printBaseDatas.push({name:'帐号', value:val.account, group:'主要信息', editor:'text'});
						printBaseDatas.push({name:'银行', value:val.bank, group:'主要信息', editor:'text'});
						printBaseDatas.push({name:'姓名', value:val.name, group:'主要信息', editor:'text'});
						printBaseDatas.push({name:'身份证号', value:val.identification, group:'主要信息', editor:'text'});
						printBaseDatas.push({name:'联系电话', value:val.telephone, group:'其他信息', editor:'text'});
						printBaseDatas.push({name:'籍贯', value:val.origo, group:'其他信息', editor:'text'});
						printBaseDatas.push({name:'常住地址', value:val.currentAddress, group:'其他信息', editor:'text'});
						printBaseDatas.push({name:'身份证地址', value:val.idAddress, group:'其他信息', editor:'text'});
						printBaseDatas.push({name:'职业', value:val.job, group:'其他信息', editor:'text'});
						if (exportBaseInfoStr != "")
			   			{
			   				exportBaseInfoStr += "@;";
			   			}
			   			exportBaseInfoStr += val.account;
			   			exportBaseInfoStr += "@@";
			   			exportBaseInfoStr += val.bank;
			   			exportBaseInfoStr += "@@";
			   			exportBaseInfoStr += val.name;
			   			exportBaseInfoStr += "@@";
			   			exportBaseInfoStr += val.identification;
			   			exportBaseInfoStr += "@@";
			   			exportBaseInfoStr += val.telephone;
			   			exportBaseInfoStr += "@@";
			   			exportBaseInfoStr += val.origo;
			   			exportBaseInfoStr += "@@";
			   			exportBaseInfoStr += val.currentAddress;
			   			exportBaseInfoStr += "@@";
			   			exportBaseInfoStr += val.idAddress;
			   			exportBaseInfoStr += "@@";
			   			exportBaseInfoStr += val.job;
					});

					$('#baseInfo').datagrid({
						data: baseDatas
					});
					currentShowDiv = -1;
					isShowDirect = 0;
			   },
			   "json" 
			);
									
			$('#AccountStati').click(function(){
				$.post("/PoliceProject/servlet/AccountDataStatisticalServlet",
				   	{
				   	username: '',
				   	userBankAccount: account,
				   	userCreateActBank: ''
				   	},
				   	function(data){
				   		exportStatisDivStr = "";
				   		statiDatas.length = 0;
						statiDatas.push({fundInCount:data.inFundCount, fundOutCount:data.outFundCount, fundInMoney:data.inFundMoney, fundOutMoney:data.outFundMoney, 
									accountCount:data.accountCount, accountNumCount:data.accountNumCount});
						$('#statisResultInfo').datagrid({data: statiDatas});
						exportStatisDivStr += data.inFundCount;
						exportStatisDivStr += "@@";
						exportStatisDivStr += data.outFundCount;
						exportStatisDivStr += "@@";
						exportStatisDivStr += data.inFundMoney;
						exportStatisDivStr += "@@";
						exportStatisDivStr += data.outFundMoney;
						exportStatisDivStr += "@@";
						exportStatisDivStr += data.accountCount;
						exportStatisDivStr += "@@";
						exportStatisDivStr += data.accountNumCount;
				   },
				   "json" 
				);
				$('#AccountStatisDiv').show();
				$('#sortDiv').hide();
				$('#curveDiv').hide();
				$('#searchAccount').show();
				$('#returnAccount').hide(); 
				$('#showDirectActInfo').hide();
				currentShowDiv = 0;
			});
			
			$('#AccountCurv').click(function(){
				$('#singleCurveBtn', parent.document).click();
			});
			
			$('#AccountSort').click(function(){
				$('#singleSortBtn', parent.document).click();
			});
			$('#singleExport').click(function(){
				var exportResultInfo = "";
				if (currentShowDiv == 0)
				{
					if (isShowDirect == 0)
					{
						exportResultInfo = "0@," + exportStatisDivStr;
					}
					else
					{
						exportResultInfo = "1@," + exportDirectActStr + "@," + exportStatisDivStr;
					}
					exportResultInfo = "0,," + exportResultInfo;
				}
				else if (currentShowDiv == 1)
				{
					exportResultInfo = "1,," + exportSortStr;
				}
				else if (currentShowDiv == 2)
				{
					var o = document.getElementById("placeholder");
					var imageSrc = o.childNodes[0].toDataURL("image/png");

					var imageUrl = imageSrc.substring(22);
					exportResultInfo = "2,," + imageUrl;
				}
				//location.href = "ExportPage.jsp?fileName="+account+"&baseInfo="+encodeURI(encodeURI(exportBaseInfoStr))+"&resultInfo="+encodeURI(encodeURI(exportResultInfo));
				//alert("chen"+exportResultInfo);
				//$('#fileName').val(account);
				//alert(exportBaseInfoStr);
				//$('#expBaseInfo').val(exportBaseInfoStr);
				//$('#expResultInfo').val(exportResultInfo);
				//$('#exportButton').click();
				$.post("/PoliceProject/servlet/SingleAccountExportServlet",
					{
						fileName : account,
						expBaseInfo : exportBaseInfoStr,
						expResultInfo : exportResultInfo
					},
					function(data){
						alert(data);
						location.href="ExportTest.jsp";
					}
				);
			});
			
			$('#exportButton').click(function(){
				$('#ExportForm').submit();
			});
			
			$('#singlePrint').click(function(){
				$("#printDiv").show();
				$("#printPgDiv").show();
				$('#printStatisDiv').show();
				$('#printSortDiv').show();
				$('#printCurveDiv').show();
				$('#printShowDirectActInfo').show();
						
				$('#printPg').propertygrid({data:printBaseDatas,  columns: [[
                	{ field: 'name', title: 'Name', width: 200, resizable: true },
                	{ field: 'value', title: 'Value', width: 400, resizable: true }
        		]]});
				$('#printDirectActInfo').datagrid({data: directDatas, loadMsg:""});
				if (currentShowDiv == 0)
				{
					$('#printStatisResultInfo').datagrid({data: statiDatas, loadMsg:""});
					$('#printSortDiv').hide();
					$('#printCurveDiv').hide();
					if (isShowDirect == 0)
					{
						$('#printShowDirectActInfo').hide();
					}
					else
					{
						$('#printShowDirectActInfo').show();
					}
				}
				else if (currentShowDiv == 1)
				{
					$('#printSortResultInfo').datagrid({title : sortTableTitle});
					var cols = [];
			   		cols.push({field:'firstCol', title:sortFirstTitle, width:200, align:'center'});
			   		cols.push({field:'secondCol', title:sortSecondTitle, width:100, align:'center'});
			   		
			   		$('#printSortResultInfo').datagrid({columns:[cols], data: sortDatas, loadMsg:""});
			   		$('#printStatisDiv').hide();
					$('#printCurveDiv').hide();
			   	}   	
			   	else if (currentShowDiv == 2)
			   	{
		   			var o = document.getElementById("placeholder"); 
			    	$('#canvasimage').attr("src", o.childNodes[0].toDataURL("image/png")); 
					$('#printStatisDiv').hide();
					$('#printSortDiv').hide();
			    } 
			    else
			    {
			    	$('#printStatisDiv').hide();
					$('#printSortDiv').hide();
					$('#printCurveDiv').hide();
			    }
				$("#printDiv").hide();
			
				var divClone = $("#printDiv").clone(true);

				divClone.show();
				divClone.jqprint(); 
				//$("#curveDiv").jqprint();
			});
			
			$('#searchAccount').click(function(){
					$('#searchAccount').hide();
					$('#returnAccount').show(); 
					$('#directAccountBtn', parent.document).click();
			});
			$('#returnAccount').click(function(){
					$('#searchAccount').show();
					$('#returnAccount').hide(); 
					$('#showDirectActInfo').hide();
					$.post("/PoliceProject/servlet/AccountDataStatisticalServlet",
					   	{
					   	username: '',
					   	userBankAccount: account,
					   	userCreateActBank: ''
					   	},
					   	function(data){
					   		exportStatisDivStr = "";
					   		statiDatas.length = 0;
							statiDatas.push({fundInCount:data.inFundCount, fundOutCount:data.outFundCount, fundInMoney:data.inFundMoney, fundOutMoney:data.outFundMoney, 
										accountCount:data.accountCount, accountNumCount:data.accountNumCount});
							$('#statisResultInfo').datagrid({data: statiDatas});
							exportStatisDivStr += data.inFundCount;
							exportStatisDivStr += "@@";
							exportStatisDivStr += data.outFundCount;
							exportStatisDivStr += "@@";
							exportStatisDivStr += data.inFundMoney;
							exportStatisDivStr += "@@";
							exportStatisDivStr += data.outFundMoney;
							exportStatisDivStr += "@@";
							exportStatisDivStr += data.accountCount;
							exportStatisDivStr += "@@";
							exportStatisDivStr += data.accountNumCount;
					   },
					   "json" 
					);
			});
			$('#statisWindowCancel').click(function(){
					$('#searchAccount').show();
					$('#returnAccount').hide();
					$('#showDirectActInfo').hide();
					isShowDirect = 0;
			});
			$('#statisWindowOK').click(function(){
				exportDirectActStr = "";
			    directDatas.length = 0;
				$('#showDirectActInfo').show();
				var directAccount = $('#directAct', parent.document).text();
				var directAccountUserName = $('#directAccountUserName', parent.document).text();
				var directAccountId = $('#directAccountId', parent.document).text();
				var directAccountMode = $('#directAccountMode', parent.document).text();
				directDatas.push({directAccount:directAccount, directName:directAccountUserName, directIdentification:directAccountId, directMode:directAccountMode});
				$('#directActInfo').datagrid({data: directDatas});
				exportDirectActStr += directAccount;
				exportDirectActStr += "@@";
				exportDirectActStr += directAccountUserName;
				exportDirectActStr += "@@";
				exportDirectActStr += directAccountId;
				exportDirectActStr += "@@";
				exportDirectActStr += directAccountMode;
				$.post("/PoliceProject/servlet/AccountDataStatisticalServlet",
				   	{
				   	username: directAccountUserName,
				   	userBankAccount: directAccount,
				   	userCreateActBank: ''
				   	},
				   	function(data){
				   		exportStatisDivStr = "";
				   		statiDatas.length = 0;
						statiDatas.push({fundInCount:data.inFundCount, fundOutCount:data.outFundCount, fundInMoney:data.inFundMoney, fundOutMoney:data.outFundMoney, 
									accountCount:data.accountCount, accountNumCount:data.accountNumCount});
						$('#statisResultInfo').datagrid({data: statiDatas});
						exportStatisDivStr += data.inFundCount;
						exportStatisDivStr += "@@";
						exportStatisDivStr += data.outFundCount;
						exportStatisDivStr += "@@";
						exportStatisDivStr += data.inFundMoney;
						exportStatisDivStr += "@@";
						exportStatisDivStr += data.outFundMoney;
						exportStatisDivStr += "@@";
						exportStatisDivStr += data.accountCount;
						exportStatisDivStr += "@@";
						exportStatisDivStr += data.accountNumCount;
				   },
				   "json" 
				);
				
				isShowDirect = 1;
			});
			
			$('#sortWindowOK').click(function(){
				var sortMainType = $('#singleSortMainType', parent.document).text();
				var sortSubType = $('#singleSortSubType', parent.document).text();
				$.post("/PoliceProject/servlet/SortSingleAccountServlet",
				   	{
				   		username: '',
					   	userBankAccount: account,
					   	userCreateActBank: '',
					   	sortMainType: sortMainType,
					   	sortSubType: sortSubType
				   	},
				   	function(data){
				   		exportSortStr = "";
				   		$('#sortDiv').show();
				   		sortDatas.length = 0;
				   		if (data.error != null)
				   		{
				   			alert(data.error);
				   			return;
				   		}

				   		if (data.account == 1)
				   		{
				   			sortFirstTitle = "资金账号";
				   			if (sortSubType == "收入类交易")
        					{
        						sortTableTitle = "收入类交易量账号排序";
        						//$('#sortResultInfo').datagrid({title : "收入类交易量账号排序"});
				   			}
				   			else if (sortSubType == "支付类交易")
				   			{
				   				sortTableTitle = "流出类交易量账号排序";
				   				//$('#sortResultInfo').datagrid({title : "流出类交易量账号排序"});
				   			}
				   			else
				   			{
				   				sortTableTitle = "全部类交易量账号排序";
				   				//$('#sortResultInfo').datagrid({title : "全部类交易量账号排序"});
				   			}
				   			$('#sortResultInfo').datagrid({title : sortTableTitle});
				   			exportSortStr += sortTableTitle;
				   			exportSortStr += "@@";
				   			exportSortStr += sortFirstTitle;
				   			exportSortStr += "@@";
				   			exportSortStr += sortSecondTitle;
				   			exportSortStr += "@@";
				   			$.each(data.jsonArray, function(i, val){
				   				if (sortDatas.length != 0)
				   				{
				   					exportSortStr += "@,";
				   				}
		          				sortDatas.push({firstCol:val.account, secondCol:val.count});
		          				exportSortStr += val.account;
		          				exportSortStr += ",@";
		          				exportSortStr += val.count;
				   			});
				   		}
				   		else if (data.fund == 1)
				   		{
				   			sortFirstTitle = "资金金额";
				   			if (sortSubType == "收入类交易")
        					{
        						sortTableTitle = "收入类交易量金额排序";
        						//$('#sortResultInfo').datagrid({title : "收入类交易量金额排序"});
				   			}
				   			else if (sortSubType == "支付类交易")
				   			{
				   				sortTableTitle = "流出类交易量金额排序";
				   				//$('#sortResultInfo').datagrid({title : "流出类交易量金额排序"});
				   			}
				   			else
				   			{
				   				sortTableTitle = "全部类交易量金额排序";
				   				//$('#sortResultInfo').datagrid({title : "全部类交易量金额排序"});
				   			}
				   			$('#sortResultInfo').datagrid({title : sortTableTitle});
				   			exportSortStr += sortTableTitle;
				   			exportSortStr += "@@";
				   			exportSortStr += sortFirstTitle;
				   			exportSortStr += "@@";
				   			exportSortStr += sortSecondTitle;
				   			exportSortStr += "@@";
				   			$.each(data.jsonArray, function(i, val){
				   				if (sortDatas.length != 0)
				   				{
				   					exportSortStr += "@,";
				   				}
		          				sortDatas.push({firstCol:val.fund, secondCol:val.count});
		          				exportSortStr += val.account;
		          				exportSortStr += ",@";
		          				exportSortStr += val.count;
				   			});
				   		}
				   		else
				   		{
				   			alert(sortFirstTitle);
				   		}
				   		
				   		var cols = [];
				   		cols.push({field:'firstCol', title:sortFirstTitle, width:200, align:'center'});
				   		cols.push({field:'secondCol', title:sortSecondTitle, width:100, align:'center'});
				   		
				   		$('#sortResultInfo').datagrid({columns:[cols], data: sortDatas});
				   		
				   		$('#AccountStatisDiv').hide();
						
						$('#curveDiv').hide();
						currentShowDiv = 1;
				   },
				   "json" 
				);
			});
			
			$('#sortWindowCancel').click(function(){
				$('#sortDiv').hide();
			});
			
			$('#curveWindowOK').click(function(){
				var beginTime = $('#singleCurveBeginTime', parent.document).text();
				var endTime = $('#singleCurveEndTime', parent.document).text();
				var interval = $('#singleCurveInterval', parent.document).text();
				var type = $('#singleCurveCombText', parent.document).text();
				
				$.post("/PoliceProject/servlet/AccountCurveDataServlet",
				   	{
					   	userBankAccount: account,
					   	beginTime: beginTime,
					   	endTime: endTime,
					   	intervalTime: interval,
					   	type: type
				   	},
				   	function(data){
				   		$('#curveDiv').show();
				   		var inDatas = [];
				   		var outDatas = [];
				   		var dataTicks = [];
				   		
				   		var k = 0;
				   		var j = 0;
				   		var mode = data.mode;
			   			$.each(data.jsonArray, function(i, val){
			   				if (val.tag == 0)
			   				{
	          					outDatas.push([k,val.value]);
	          					dataTicks.push([k, val.timeBlock]);
	          					++k;
	          				}
	          				if (val.tag == 1)
	          				{
	          					inDatas.push([j,val.value]);
	          					++j;
	          				}
			   			});
			   			
			   			var label1 = '';
			   			var label2 = '';
			   			
			   			if (mode == 1)
			   			{
			   				label1 = '流出资金';
			   				label2 = '流入资金';
			   			}
			   			else if (mode == 2)
			   			{
			   				label1 = '流出笔数';
			   				label2 = '流入笔数';
			   			}
			   			else
			   			{
			   				//error
			   			}
			   			
			   			$.plot("#placeholder", 
			   				[
								{ label: label1, data: outDatas },
								{ label: label2, data: inDatas },
							], 
							{
								series: {
									lines: { show: true },
									points: { show: true }
								},
								xaxis: {
									ticks: dataTicks
								},
								yaxis: {
									ticks: 10,
									min: 0,
									tickDecimals: 0
								},
								grid: {
									backgroundColor: { colors: [ "#fff", "#eee" ] },
									borderWidth: {
										top: 1,
										right: 1,
										bottom: 2,
										left: 2
									}
								},
								opitons: {
									canvas: true
									//legendoncanvas:true
								},
								legend: { position: "sw"}
							}
						);
						$('#AccountStatisDiv').hide();
						$('#sortDiv').hide();
						
						currentShowDiv = 2;
					},
					"json" 
				);
			});
			
			$('#curveWindowCancel').click(function(){
				$('#curveDiv').hide();
			});
		});
	</script>
	<style type="text/css">
		.Line { position:relative; top:0; left:0; margin:0;width: 100%; height: 2px;
    		background: -moz-linear-gradient(left, red, yellow);
    		background: -webkit-gradient(linear, left top, right top, from(red), to(yellow));
    		-pie-background: linear-gradient(left, red, yellow);
    		behavior: url(PIE/PIE.htc);}
	</style>
  </head>
  
  <body id="body_id" class="easyui-layout" fit="true">
    <div id="single-layout-top" data-options="region:'north', border:false" style="height:250px;">
	    <div id="toolBar" style="padding:5px;border:1px solid #ddd;margin:20px 10px 30px 10px; background-color:#FBEC88">
	        <a href="#" id="AccountStati" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-sum'">账户统计</a>
	        <a href="#" id="AccountSort" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-sort'">分类排序</a>
	        <a href="#" id="AccountCurv" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-curve'">曲线图</a>
	        <a href="#" id="singlePrint" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-print'">打 印</a>
	        <a href="#" id="singleExport" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-export'">导 出</a>
	    </div>
	    <div style="margin:10px">
		    <table class="easyui-datagrid" id="baseInfo" title="账户基本信息" style="height:100px" data-options="autoRowHeight:false">
		    	<thead data-options="frozen:true">
		            <tr>
		                <th field="account" width="200" align="center">银行账号</th>
		                <th field="bank" width="100" align="center">开户行</th>
		                <th field="name" width="100" align="center">账户名</th>
		                <th field="identification" width="250" align="center">身份证</th>
		            </tr>
		        </thead>
		        <thead>
		        	<tr>
		        		<th field="telephone" width="150" align="center">联系电话</th>
		        		<th field="currentAddress" width="300" align="center">现常驻住址</th>
		        		<th field="idAddress" width="300" align="center">身份证住址</th>
		                <th field="origo" width="100" align="center">籍贯</th>
		                <th field="job" width="100" align="center">职业</th>
		        	</tr>
		        </thead>
		    </table>
	    </div>
	    <div class="Line"></div>
	</div>
    <div id="single-layout-center" data-options="region:'center', border:false">
    	<div id="AccountStatisDiv">
			<div style="margin:20px 10px 30px 10px">
				<div>
		    		<a href="#" id="searchAccount" class="easyui-linkbutton" data-options="iconCls:'icon-rotate'">查询直接关联账户</a>
				</div>
				<div>
		    		<a href="#" id="returnAccount" class="easyui-linkbutton" data-options="iconCls:'icon-rotate'">返回当前帐户</a>
				</div>
			</div>
			<div style="margin:10px;" id="showDirectActInfo">
				<table class="easyui-datagrid" id="directActInfo" title="选取的直接账户信息" data-options="autoRowHeight:true">
					<thead>
						<tr>
							<th field="directAccount" width="200" align="center">银行账号</th>
							<th field="directName" width="100" align="center">账户名</th>
							<th field="directIdentification" width="250" align="center">身份证</th>
							<th field="directMode" width="100" align="center">交易类型</th>
			            </tr>
			        </thead>
			    </table>
		    </div>
		    <div class="Line"></div>
			<div style="margin:40px 10px 0px 10px">
			    <table class="easyui-datagrid" id="statisResultInfo" title="统计结果" data-options="autoRowHeight:true">
			    	<thead>
			            <tr>
			                <th field="fundInCount" width="100" align="center">资金流进笔数</th>
			                <th field="fundOutCount" width="100" align="center">资金流出笔数</th>
			                <th field="fundInMoney" width="100" align="center">资金流进总额</th>
			                <th field="fundOutMoney" width="100" align="center">资金流出总额</th>
			                <th field="accountCount" width="100" align="center">涉及账户数</th>
			                <th field="accountNumCount" width="100" align="center">涉及账号数</th>
			            </tr>
			        </thead>
			    </table>
			</div>
		</div>
		<div id="sortDiv" style="margin:0px 10px 0px 10px">
			<table class="easyui-datagrid" id="sortResultInfo" title="排序结果" data-options="autoRowHeight:true">	
			</table>
		</div>
		<div id="curveDiv" style="margin:0px 10px 0px 10px">
			<div id="flotContainer" class="flot-container">
				<div id="placeholder" class="flot-placeholder"></div>
			</div>
		</div>
		<div id="printDiv">
			<div id="printPgDiv" style="margin:10px">
				<table id="printPg" class="easyui-propertygrid" style="width:700px;height:350px" data-options="showHeader:false,showGroup:true,scrollbarSize:0">
				</table>
			</div>
			<div style="margin:10px;" id="printShowDirectActInfo">
				<table class="easyui-datagrid" id="printDirectActInfo" title="选取的直接账户信息" data-options="autoRowHeight:true">
					<thead>
						<tr>
							<th field="directAccount" width="200" align="center">银行账号</th>
							<th field="directName" width="100" align="center">账户名</th>
							<th field="directIdentification" width="250" align="center">身份证</th>
							<th field="directMode" width="100" align="center">交易类型</th>
			            </tr>
			        </thead>
			    </table>
		    </div>
			<div id="printStatisDiv" style="margin:10px">
				<table class="easyui-datagrid" id="printStatisResultInfo" title="统计结果" data-options="autoRowHeight:true">
			    	<thead>
			            <tr>
			                <th field="fundInCount" width="100" align="center">资金流进笔数</th>
			                <th field="fundOutCount" width="100" align="center">资金流出笔数</th>
			                <th field="fundInMoney" width="100" align="center">资金流进总额</th>
			                <th field="fundOutMoney" width="100" align="center">资金流出总额</th>
			                <th field="accountCount" width="100" align="center">涉及账户数</th>
			                <th field="accountNumCount" width="100" align="center">涉及账号数</th>
			            </tr>
			        </thead>
			    </table>
			</div>
			<div id="printSortDiv" style="margin:10px">
				<table class="easyui-datagrid" id="printSortResultInfo" title="排序结果" data-options="autoRowHeight:true">	
				</table>
			</div>
			<div id="printCurveDiv" style="margin:10px">
				<img id="canvasimage"/>
			</div>
  		</div>
	</div>
  </body>
  <div id="buttons" style="display:none">
   	<button id="statisWindowCancel"></button>
   	<button id="statisWindowOK"></button>
   	<button id="sortWindowCancel"></button>
   	<button id="sortWindowOK"></button>
   	<button id="curveWindowCancel"></button>
   	<button id="curveWindowOK"></button>
  </div>
  
  <form method="POST" id="ExportForm" action="ExportPage.jsp" style="display:none"> 
 	<input type="text" id="fileName" name="fileName"> 
	<input type="text" id="expBaseInfo" name="expBaseInfo">
 	<input type="text" id="expResultInfo" name="expResultInfo">
　　 <input type="button" id="exportButton">
  </form>
</html>
